@import "./root.scss";
@import "./iconfont.scss";

page{
    -webkit-overflow-scrolling: touch;
	color: #2E344A;
}

view,
swiper,
swiper-item{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: PingFang SC;
}

input,
textarea{
    box-sizing: border-box;
    font-family: PingFang SC;
}

::-webkit-scrollbar{
	width: 0;
	height: 0;
	color: transparent;
}

.input-placeholder,
.textarea-placeholder{
    font-size: var(--gy-font-size-30);
    color: var(--pt-text-color-placeholder);
}

.textarea-input{
	width: 100%;
	height: 200rpx;
	padding: var(--gy-gap);
	font-size: var(--gy-font-size-medium);
	background: rgb(248, 248, 248);
	color: var(--gy-text-color-primary);
	border-radius: var(--gy-border-radius-large);
}

[class*="gy_icon_"] {
	font-family: "iconfont" !important;
	font-size: 32rpx;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.gy-custom-card{
    background-color: var(--gy-card-bg-color);
    border-radius: var(--gy-border-radius-large);
    margin: var(--gy-gap);
    padding: var(--gy-gap);
    overflow: hidden;
	.gy-custom-card-title{
		font-size: var(--gy-font-size-large);
		font-weight: bold;
		color: #333333;
	}
    .gy-divider{
        border-color: var(--gy-card-line-color) !important;
        margin: var(--gy-gap) 0 !important;
    }
}


.gy-mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0);
	transition: 0.3s;
}

.gy-mask.gy-mask-show{
	animation: gy-mask-show .4s;
	animation-delay: 0.1s;
	animation-fill-mode: forwards;
}

.gy-mask.gy-mask-hide{
	animation: gy-mask-hide .5s;
	animation-fill-mode: forwards;
}

@keyframes gy-mask-show {
	from {
		background-color: rgba(0, 0, 0, 0);
	}

	to {
		background-color: rgba(0, 0, 0, 0.7);
	}
}

@keyframes gy-mask-hide {
	from {
		background-color: rgba(0, 0, 0, 0.7);
	}

	to {
		background-color: rgba(0, 0, 0, 0);
	}
}
// z
.outerContent {
	background: var(--gy-card-bg-color);
	box-shadow: 0px 6rpx 20rpx rgba(0,0,0,0.01);
	border-radius:var(--gy-border-radius-large);
	padding: var(--gy-gap);
	margin-bottom:var(--gy-border-radius-large) ;
}